.basic-container{
    padding: 0 30px;
    margin-top: 15px;
    box-sizing: border-box;
}
.basic-container .el-card__body{
    padding: 40px 50px;
}
.el-card__body .user-info__content{
    display: flex;
}
.el-card__body .user-info__main{
    overflow: hidden;
}
.user-info {
    /*====================个人头像====================**/
    &__avatar{
        position: relative;
        margin-right: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        width: 100px;
        height: 100px;
        border-radius: 12px;
        img{border-radius: 12px;width: 100px;height: 100px;}
    }
    /*====================个人信息====================**/
    &__box{
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-right: 30px;
        //用户名
        .info-title{
            height: 28px;
            line-height: 28px;
            display: flex;
            .title{
                font-size: 20px;
                color: #333;
                height: 28px;
                line-height: 28px;
            }
            .cert-status{
                display: flex;
                cursor: pointer;
                margin-left: 20px;
                a{display: inherit;color:#eb120a; }
                .auth-icon{margin-top: 3px;width: 17.5px;height: 17.5px;padding-right: 6px;align-self: center;}
                p{margin-top: 1.5px;margin-bottom: 0;font-size: 14px;align-self: center;}
            }
        }
        //证件号
        .info-name{
            margin-top: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 20px;
            line-height: 20px;
            .name-text{font-size: 14px;color: #666;width: 80px;}
            .ID-num{font-size: 13px;}
            .cert-status{display: flex;cursor: pointer;color: #a3a3a3;font-size: 13px;}
        }
        //角色权限
        .info-power{
            margin-top: 10px;
            font-size: 14px;
            line-height: 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            .power-title{color: #666;width: 80px;}
        }
    }
}

.user-info__main .account-section{
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 270px;
}
.account-section .account-section-item{

    padding: 24px;
    margin-right: 13px;
    border: 1px solid #e4e4e4;
    .title-ctnr{
        height: 24px;
        line-height: 24px;
        .title-main{font-size: 16px;color: #333;font-weight: 500;}
        .title-doc{margin-left: 10px;font-size: 12px;color: #a3a3a3;}
    }
    .body-ctnr{
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 33px;
        font-size: 14px;
        width: 100%;
        .row-item{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-top: 20px;
            width: 100%;
            height: 22px;
            line-height: 22px;
            font-size: 14px;
            .label{
                -webkit-box-flex: 0;
                -ms-flex: 0 0 100px;
                flex: 0 0 100px;
                width: 100px;
                text-align: left;
                color: #777;
            }
            .content{
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                color: #333;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                .handle{
                    cursor: pointer;
                    text-align: right;
                    font-size: 12px;
                    color: #0975e1;
                    .mgr-8{margin-right: 8px;}
                }
            }
            .notSet{color: #a3a3a3}
        }
    }
}
.account-section .item-left{
    width: 50%;
    padding: 24px;
    margin-right: 13px;
    border: 1px solid #e4e4e4;
}
.account-section .item-right{
    width: 50%;
    padding: 24px;
    margin-left: 13px;
    border: 1px solid #e4e4e4;
}
